<template>
  <el-row>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div slot="header" class="clearfix" >
        <span style="font-size: x-large">PVE技能简述</span>
      </div>
      <div class="text item">
        <p></p>
        <label>公共调息时间（后简称GCD）</label>
        <p>【返闭惊魂】 不占GCD</p>
        <p>【奇门飞宫、鬼星开穴】 共用一个独立的1sGCD（目前测试不吃加速）</p>
        <p>【起卦、变卦、祝由·火离/山艮/水坎（祝由是卦象的主动效果）】 共用一个独立的GCD</p>
        <p>【其他所有技能】 共用一个独立的1.5GCD（可以吃加速）</p>
        <p>例如可以同时使用【返闭惊魂】【奇门飞宫】【起卦】【三星临】，而【鬼星开穴】后需要经过1s才能使用【奇门飞宫】</p>
        <label>使目标附带/刷新 【祝由·火离】DOT 的两种方式：</label>
        <p>1.起卦后自身生成卦象：火离（后续称火卦），对目标使用卦象的主动技能：祝由·火离</p>
        <p>2.自身带有火卦的情况下，并且目标在连局内，使用鬼星开穴</p>
        <label>快照：</label>
        <p>1.衍天所有的技能伤害几乎都是根据当前面板即时结算的，即无需在朝圣言等阶段刻意补火。</p>
        <p>2.九字诀吃山卦快照，即山卦快消失前读的兵，即使山卦消失兵主逆仍会收到山艮增幅。</p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">三星临</label><span style="font-size: xx-small;margin-left: 20px">招式套路：九字诀</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：+5</span><span style="font-size: xx-small;margin-left: 20px">调息时间：0s</span></p>
        <p><label class="label">技能系数：</label><span>（88-144）+（面板攻击力*1.0778）</span></p>
        <p><label class="label">秘籍：</label><span>5伤害、4伤害、3伤害、4会心</span><p>
        <p><label class="label">讲解：</label><span>基础输出技能之一，瞬发。用于填充兵主逆、天斗旋技能cd空隙，或走位时使用。有小范围溅射群伤。</span></p>
        <p><label class="label">奇穴相关：</label>
          <el-tooltip class="item" effect="dark" content="临伤害+10%" placement="top-start">
            <el-button size="mini">1-1正夏</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="临双会+10%" placement="top-start">
            <el-button size="mini">1-2明心</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="山艮卦象下技能增伤由4.783%提升至28.798%" placement="top-start">
            <el-button size="mini">4-1重山</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="斗命中连局内目标会触发灵器伤害" placement="top-start">
            <el-button size="mini">11-2灵器</el-button>
          </el-tooltip>
        </p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
    <div class="text item">
      <p style="font-size: large"><label style="color: purple">天斗旋</label><span style="font-size: xx-small;margin-left: 20px">招式套路：九字诀</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：+20</span><span style="font-size: xx-small;margin-left: 20px">调息时间：4s（5-1）</span></p>
      <p><label class="label">技能系数：</label><span>（620-1045）+（面板攻击力*2.274）</span></p>
      <p><label class="label">秘籍：</label><span>-1sCD、5伤害、4伤害、4会心</span><p>
      <p><label class="label">讲解：</label><span>基础输出技能之二，读条。战斗中主要快速回复星运的技能。多目标环境下可以提前对低血量目标读天斗旋嫖个斩杀BUFF。</span></p>
      <p><label class="label">奇穴相关：</label>
        <el-tooltip class="item" effect="dark" content="山艮卦象下技能增伤由4.783%提升至28.798%" placement="top-start">
          <el-button size="mini">4-1重山</el-button>
        </el-tooltip>
        <el-tooltip class="item" effect="dark" content="斩杀奇穴，命中小于40血量的目标获得10s10%的双会" placement="top-start">
          <el-button size="mini">9-1枭神</el-button>
        </el-tooltip>
        <el-tooltip class="item" effect="dark" content="斗命中连局内目标会触发灵器伤害" placement="top-start">
          <el-button size="mini">11-2灵器</el-button>
        </el-tooltip>
        <el-tooltip class="item" effect="dark" content="一般不点，鬼星开穴后下一个斗瞬发，斗伤害+15%" placement="top-start">
          <el-button size="mini"><span style="color: navajowhite">7-2虎遁</span></el-button>
        </el-tooltip>
        <el-tooltip class="item" effect="dark" content="一般不点，斗伤害+15%，变为3层充能" placement="top-start">
          <el-button size="mini"><span style="color: navajowhite">7-3亘天</span></el-button>
        </el-tooltip>
      </p>
    </div>
  </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">兵主逆</label><span style="font-size: xx-small;margin-left: 20px">招式套路：九字诀</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：+5*3</span><span style="font-size: xx-small;margin-left: 20px">调息时间：5s</span></p>
        <p><label class="label">技能系数：</label><span>[578+（面板攻击力*1.197453）]*3</span></p>
        <p><label class="label">秘籍：</label><span>5伤害、4伤害、3伤害、4会心</span><p>
        <p><label class="label">讲解：</label><span>基础输出技能之三，3跳逆读条。最主要的输出技能之一，可以快速触发灵器效果。</span><br><span style="color: red">没有系统读条保护，会被起卦、变卦、主动卦象、移灯、返闭惊魂、奇门飞宫在开始读条的瞬间断掉并进入CD。所以极力推荐手动释放兵斗临的其他技能防止断兵直接进CD</span></p>
        <p><label class="label">奇穴相关：</label>
          <el-tooltip class="item" effect="dark" content="兵伤害+10%" placement="top-start">
            <el-button size="mini">2-1望旗</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="3跳兵延长当前卦象9s,并且读条兵不会被攻击延长读条时间（例如试炼之地）" placement="top-start">
            <el-button size="mini">5-1顺祝</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="山艮卦象下技能增伤由4.783%提升至28.798%" placement="top-start">
            <el-button size="mini">4-1重山</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="斗命中连局内目标会触发灵器伤害" placement="top-start">
            <el-button size="mini">11-2灵器</el-button>
          </el-tooltip>
        </p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">起卦</label><span style="font-size: xx-small;margin-left: 20px">招式套路：占术</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：0</span><span style="font-size: xx-small;margin-left: 20px">调息时间：20s（25-3-2）</span></p>
        <p><label class="label">卦象·山艮：</label><span>使兵、斗、临伤害直接*4.783%。如果奇穴点出4-1重山，增幅将提升至28.798%</span></p>
        <p><label class="label">卦象·火离：</label><span>卦象生成后可以使用主动技能【祝由·火离】，效果为给目标上火离DOT，2s一跳不吃加速。系数（75-118）+（面板攻击力*1.0414）。如果奇穴点出11-3焚如，系数1.0414增至1.565。</span></p>
        <p><label class="label">卦象·水坎：</label><span>回蓝</span></p>
        <p><label class="label">秘籍：</label><span>-3sCD、-2sCD、起卦盾</span><p>
        <p><label class="label">讲解：</label><span>起卦2.5s后随机生成山艮、火离、水坎中的一种。自身只能存在一种卦象，如果自身已经存在某种卦象，起卦后将覆盖原来的卦象。卦象的主动祝由效果只能释放一次，如果变卦前释放过，变卦后也不能使用祝由效果。由于3-1荧入白无视防御的效果，我们尽量保持自身卦象不断。</span>
      <br><span><a style="color: red">同时我们需要尽量保持目标上的火离DOT不断，同时自身身上有山艮增幅九字诀，达到伤害最大化。</a>（例如自身原本是火卦，炸灯后立刻起卦起到山卦，就可以让自身有17s左右的时间保持火离DOT不断并且有山卦增幅）</span>
      </p>
        <p><label class="label">奇穴相关：</label>
          <el-tooltip class="item" effect="dark" content="生成水卦后立刻恢复30%内力" placement="top-start">
            <el-button size="mini">1-3水盈</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="卦象持续时间无视目标50%内功防御" placement="top-start">
            <el-button size="mini">3-1荧入白</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="3跳兵延长当前卦象9s,并且读条兵不会被攻击延长（例如试炼之地）" placement="top-start">
            <el-button size="mini">5-1顺祝</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="火离不再溅射其他目标，系数从1.0414增至1.565" placement="top-start">
            <el-button size="mini">11-3焚如</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="每跳兵叠2层增卜（上限10层），每层使火离DOT增伤10%，目标火离DOT消失2s后每2s掉一层增卜。" placement="top-start">
            <el-button size="mini">12-1增卜</el-button>
          </el-tooltip>
        </p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">变卦</label><span style="font-size: xx-small;margin-left: 20px">招式套路：占术</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：-45（50-5）</span><span style="font-size: xx-small;margin-left: 20px">调息时间：20s（25-2-2-1）</span></p>
        <p><label class="label">秘籍：</label><span>-2sCD、-2sCD、-1sCD、-5星运消耗</span><p>
        <p><label class="label">讲解：</label><span>主要通过10-1征凶奇穴达到变火卦，给目标续火的目的。尽量避免炸灯前变卦，防止丢失【祝祷】增益的问题。</span></p>
        <p><label class="label">奇穴相关：</label>
          <el-tooltip class="item" effect="dark" content="变卦时山水必变火，火卦必变山" placement="top-start">
            <el-button size="mini">10-1征凶</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="一般不点，变卦变为2层充能，CD-5S，施展卦象主动祝由效果后变卦可以施展新的卦象的祝由效果" placement="top-start">
            <el-button size="mini"><span style="color: navajowhite">11-4连断</span></el-button>
          </el-tooltip>
        </p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">返闭惊魂</label><span style="font-size: xx-small;margin-left: 20px">招式套路：奇门</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：0</span><span style="font-size: xx-small;margin-left: 20px">调息时间：32s（39-4-3）</span></p>
        <p><label class="label">秘籍：</label><span>-4sCD、-3sCD</span><p>
        <p><label class="label">讲解：</label><span>奇门循环中最重要的技能，【返闭惊魂】使用的时候会在脚下放置一个灯魂，可以与2层充能的【奇门飞宫】的2个灯魂构成连局。由于返闭CD为32s，所以以返闭32sCD左右为准打一套奇门套路的循环</span></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">奇门飞宫</label><span style="font-size: xx-small;margin-left: 20px">招式套路：奇门</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：0</span><span style="font-size: xx-small;margin-left: 20px">调息时间：14s（17-2-1）2层充能</span></p>
        <p><label class="label">秘籍：</label><span>-2sCD、-1sCD、+3尺距离、+2尺距离</span><p>
        <p><label class="label">讲解：</label><span>奇门循环中放置灯魂的技能，2层充能2个灯魂，配合【返闭惊魂】的一个灯魂可以构成连局将BOSS围起来进行输出。穿插在兵斗临技能间隔中间使用【奇门飞宫】降低输出损失。</span></p>
        <p><label class="label">奇穴相关：</label>
          <el-tooltip class="item" effect="dark" content="一般试炼之地中使用，奇门飞宫变为3层充能。虎猖狂的奇门飞宫是独立的CD，可以先切虎猖狂放完3灯然后切回神元。这时奇门变回为2层充能。" placement="top-start">
            <el-button size="mini"><span style="color: navajowhite">8-4虎猖狂</span></el-button>
          </el-tooltip>
        </p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">鬼星开穴</label><span style="font-size: xx-small;margin-left: 20px">招式套路：占术</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：-60</span><span style="font-size: xx-small;margin-left: 20px">调息时间：10s</span></p>
        <p><label class="label">技能系数：</label><span>[(383-645)+（面板攻击力*1.4635）]*2</span></p>
        <p><label class="label">秘籍：</label><span>5伤害、4伤害、4会心、3会心</span><p>
        <p><label class="label">讲解：</label><span>主动续火技能之一。奇门循环中的终结技能，引爆放置在场上的灯魂，对连局内目标伤害翻倍，同时使连局内最多5个目标附带自身身上卦象主动效果。应用于自身火卦下炸灯续目标的火DOT，以及使局内多目标挂上火离DOT。</span></p>
        <p><label class="label">炸灯时机：</label><span>1.由于返闭CD32s，我们需要尽量保证炸完灯之后可以立即放置好连局。所以在返闭CD还剩2s转好，到灯魂持续时间结束之前爆灯。在这小段时间内越早爆灯输出损失越少。</span><br><span>2.三目标及以上的群攻环境。</span></p>
        <p><label class="label">奇穴相关：</label>
          <el-tooltip class="item" effect="dark" content="爆灯时场上存在n个灯魂，则自身基础攻击力提升15%，持续10*n秒。" placement="top-start">
            <el-button size="mini">6-1鬼遁</el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="一般不点，鬼星开穴技能变为2层充能" placement="top-start">
            <el-button size="mini"><span style="color: navajowhite">4-3龙回首</span></el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="一般不点，鬼星开穴后返还30星运" placement="top-start">
            <el-button size="mini"><span style="color: navajowhite">5-3地遁</span></el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="一般不点，鬼星开穴后返还奇门飞宫调息时间" placement="top-start">
            <el-button size="mini"><span style="color: navajowhite">6-3风遁</span></el-button>
          </el-tooltip>
          <el-tooltip class="item" effect="dark" content="一般不点，鬼星开穴后下一个斗瞬发，斗伤害+15%" placement="top-start">
            <el-button size="mini"><span style="color: navajowhite">7-2虎遁</span></el-button>
          </el-tooltip>
        </p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">巨门北落</label><span style="font-size: xx-small;margin-left: 20px">招式套路：天机</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：0</span><span style="font-size: xx-small;margin-left: 20px">调息时间：35s（42-4-2-1）</span></p>
        <p><label class="label">秘籍：</label><span>-4sCD、-2sCD、-1sCD、额外回血</span><p>
        <p><label class="label">讲解：</label><span>门派减伤技能，但是会被BOSS转阶段的技能移除效果。</span></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">踏星行</label><span style="font-size: xx-small;margin-left: 20px">招式套路：天机</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：0</span><span style="font-size: xx-small;margin-left: 20px">调息时间：30s</span></p>
        <p><label class="label">讲解：</label><span>门派轻功，强制浮空一段距离并向当前面向方向快速平飞，持续5s。可用在25YX达摩洞老四转阶段在台子规避BOSS技能。</span></p>
      </div>
    </el-card>
    <el-card :body-style="{ padding: '0px' }" shadow="never">
      <div class="text item">
        <p style="font-size: large"><label style="color: purple">纵横三才</label><span style="font-size: xx-small;margin-left: 20px">招式套路：奇门</span><span style="font-size: xx-small;margin-left: 20px">星运消耗：0</span><span style="font-size: xx-small;margin-left: 20px">调息时间：10s</span></p>
        <p><label class="label">讲解：</label><span>俗称移灯，可以经过游戏设置快捷键，将灯移动至鼠标位置，方便讲目标框进连局内。具体设置详见左侧目录-插件设置</span></p>
      </div>
    </el-card>




  </el-row>
</template>

<script>
  export default {
    name: 'skill'
  }
</script>

<style>
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 18px;
    margin-left: 20px;
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box-card {
    width: 100%;
    height: 100%;
  }
  .time {
    font-size: 13px;
    color: #999;
  }

  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    margin-left: 20px;
    width: 50%;
    height: 50%;
    display: block;
    object-fit: cover
  }

  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }

  .clearfix:after {
    clear: both
  }

  .box {
    width: 400px;
    .top {
      text-align: center;
    }

    .left {
      float: left;
      width: 60px;
    }

    .right {
      float: right;
      width: 60px;
    }

    .bottom {
      clear: both;
      text-align: center;
    }

    .item {
      margin: 4px;
    }

    .left .el-tooltip__popper,
    .right .el-tooltip__popper {
      padding: 8px 10px;
    }
  }
</style>

